import React, {Suspense, useRef, useState,useEffect} from 'react';
import {Card, Descriptions,Row,Col,DatePicker} from 'antd';
import {GridContent} from '@ant-design/pro-layout';
import numeral from 'numeral';
import ProTable from '@ant-design/pro-table';
import {getPersonSecurityList,getPersonFundsList,getAwardInfoList,getReAndPu,getSalaryChangeList,getEmployeeSalaryModule,getEmployeeSalary} from '../service';
import style from '../style.less';
import {Chart, Geom, Axis, Tooltip, Coord, Label, Legend,} from "bizcharts";
import moment from 'moment';
import {formatNumber} from "@/utils/utils";
import { awardStatusList, BPMStatusEnum, salaryAdjustmentTypeList } from '@/utils/constant'

const Salary = ({info,oid,jobLevel}) => {
  const actionRef = useRef();
  const [sumInfo,setSumInfo] = useState({});
  const { RangePicker } = DatePicker;
  const [reanpu,setReanpu] = useState([]);
  const [salaryInfo,setSalaryInfo] = useState({});
  const [params,setParams] = useState({});

  useEffect(()=>{
    getDateResult([moment().subtract(1 ,'years' ).format("YYYY-MM"),moment().format("YYYY-MM")]);
    getReAndPu().then(res=>{
      setReanpu(res);
    });
    getEmployeeSalaryModule(info.code).then(res => {
      if(res && res.length > 0 ){
        setSalaryInfo(res[0]);
      }
    })
  }, []);

  const sum = (item) => {
      return parseFloat(item.basicWage) + parseFloat(item.competitionAllowance) + parseFloat(item.socialSecurityAllowance) +
      parseFloat(item.overtimePay) + parseFloat(item.communicationSubsidy);
  };

  const getDateResult = (value) => {
    setParams({
      data:[moment(value[0]).format('YYYY-MM'),moment(value[1]).format('YYYY-MM')]
    });
  };

  const columns = [
    {
      title: '查询月份',
      hideInTable: true,
      dataIndex: 'date',
      renderFormItem: (item, props) => {
        return <RangePicker defaultValue={[moment().subtract(1 ,'years' ), moment()]} picker="month" onChange={getDateResult} className='widthStyle'/>;
      }
    },
    {
      title: '时间',
      fixed: 'left',
      hideInSearch: true,
      width:'120px',
      dataIndex: 'month'
    },
    {
      title: '基本工资',
      hideInSearch: true,
      dataIndex: 'basicWage',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '绩效工资',
      hideInSearch: true,
      dataIndex: 'performancePay',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '竞业津贴',
      hideInSearch: true,
      dataIndex: 'competitionAllowance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '社保津贴',
      hideInSearch: true,
      dataIndex: 'socialSecurityAllowance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '加班工资',
      hideInSearch: true,
      align: 'right',
      dataIndex: 'overtimePay',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '通讯补贴',
      hideInSearch: true,
      dataIndex: 'communicationSubsidy',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '交通补贴',
      hideInSearch: true,
      dataIndex: 'transportationSubsidy',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '职称津贴',
      hideInSearch: true,
      dataIndex: 'titleAllowance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '补充社保津贴',
      hideInSearch: true,
      dataIndex: 'sociaSecurityAllowance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '奖金',
      hideInSearch: true,
      dataIndex: 'bonus',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '预发奖金',
      hideInSearch: true,
      dataIndex: 'advanceBonus',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '其他',
      hideInSearch: true,
      dataIndex: 'others',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '应发工资',
      hideInSearch: true,
      dataIndex: 'salaryPayable',
      align: 'center',
      width:'120px',
      render: (text) => {
        return text!=='-' ? <strong>{numeral(text).format('0.00')}</strong> : '';
      }
    },
    {
      title: '养老保险',
      hideInSearch: true,
      dataIndex: 'endowmentInsurance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '医保',
      hideInSearch: true,
      dataIndex: 'medicalInsurance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '失业保险',
      hideInSearch: true,
      dataIndex: 'unemploymentInsurance',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '公积金',
      hideInSearch: true,
      dataIndex: 'providentFund',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '个人所得税',
      hideInSearch: true,
      dataIndex: 'personalIncomeTax',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '补扣预发奖金',
      hideInSearch: true,
      dataIndex: 'deductionOfAdvanceBonus',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '税后扣款',
      hideInSearch: true,
      dataIndex: 'deductionAfterTax',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '扣款合计',
      hideInSearch: true,
      dataIndex: 'totalDeduction',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '纯粹工资',
      hideInSearch: true,
      dataIndex: 'netWage',
      align: 'right',
      render: (text) => {
        return text!=='-' ? numeral(text).format('0.00') : '';
      }
    },
    {
      title: '实发工资',
      hideInSearch: true,
      dataIndex: 'paidInSalary',
      align: 'center',
      fixed: 'right',
      width:'120px',
      render: (text) => {
        return text!=='-' ? <strong>{numeral(text).format('0.00')}</strong> : '';
      }
    }
  ];

  const securityColumns = [
    {
      title: '序号',
      fixed: 'left',
      width: 50,
      align: 'center',
      render: (text, record, index) => `${index + 1}`,
      hideInSearch: true,
    },
    {
      title: '姓名',
      fixed: 'left',
      width: 70,
      align: 'center',
      dataIndex: 'name',
    },
    {
      title: '参保地',
      fixed: 'left',
      width: 100,
      align: 'center',
      dataIndex: 'cityName',
    },
    {
      title: '参保单位',
      align: 'center',
      width: 150,
      fixed: 'left',
      dataIndex: 'unitName',
    },
    {
      title: '养老保险',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'endowmentInsuranceBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'endowmentInsurancePerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'endowmentInsurancePersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'endowmentInsuranceOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'endowmentInsuranceOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '工伤保险',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'injuryInsuranceBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'injuryInsurancePerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'injuryInsurancePersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'injuryInsuranceOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'injuryInsuranceOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '重大医疗',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'largerMedicalBas',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'largerMedicalPerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'largerMedicalPersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'largerMedicalOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'largerMedicalOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '医疗保险',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'medicalInsuranceBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'medicalInsurancePerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'medicalInsurancePersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'medicalInsuranceOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'medicalInsuranceOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '失业保险',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'unemploymentInsuranceBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'unemploymentInsurancePerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'unemploymentInsurancePersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'unemploymentInsuranceOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'unemploymentInsuranceOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '残疾保障金',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'disabledEmploymentBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'disabledEmploymentPerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'disabledEmploymentPersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'disabledEmploymentOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'disabledEmploymentOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '生育保险',
      // width: 240,
      children: [
        {
          title: '基数',
          dataIndex: 'maternityInsuranceBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'maternityInsurancePerson',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'maternityInsurancePersonRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        },
        {
          title: '公司',
          // width: 120,
          children: [
            {
              title: '缴纳',
              dataIndex: 'maternityInsuranceOrg',
              hideInSearch: true,
              // width: 60,
            },
            {
              title: '比例',
              dataIndex: 'maternityInsuranceOrgRate',
              hideInSearch: true,
              // width: 60,
            },
          ]
        }
      ]
    },
    {
      title: '缴费时间',
      fixed: 'right',
      align: 'center',
      width: 80,
      dataIndex: 'operateTime',
      renderFormItem: (item, props) => {
        return <DatePicker {...props} picker="month" />;
      },
      render: (text) => {
        return text!=='-'?moment(text).format('YYYY-MM'):''
      }
    },
    {
      title: '合计',
      fixed: 'right',
      width: 140,
      children: [
        {
          title: '个人',
          align: 'center',
          fixed: 'right',
          dataIndex: 'personCostTotal',
          hideInSearch: true,
          width: 70
        },
        {
          title: '公司',
          align: 'center',
          fixed: 'right',
          dataIndex: 'orgCostTotal',
          hideInSearch: true,
          width: 70
        },
      ]
    },
  ];
  const fundsColumns = [
    {
      title: '序号',
      fixed: 'left',
      width: '50px',
      align: 'center',
      render: (text, record, index) => `${index + 1}`,
      hideInSearch: true,
    },
    {
      title: '姓名',
      fixed: 'left',
      width: '70px',
      align: 'center',
      dataIndex: 'name',
    },
    {
      title: '参保地',
      fixed: 'left',
      width: '140px',
      align: 'center',
      dataIndex: 'cityName',
    },
    {
      title: '参保单位',
      align: 'center',
      fixed: 'left',
      dataIndex: 'unitName',
    },
    {
      title: '公积金',
      children: [
        {
          title: '基数',
          dataIndex: 'reservedFundsBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          children: [
            {
              title: '缴纳',
              dataIndex: 'reservedFundsPerson',
              hideInSearch: true,
            },
            {
              title: '比例',
              dataIndex: 'reservedFundsPersonRate',
              hideInSearch: true,
            },
          ]
        },
        {
          title: '公司',
          children: [
            {
              title: '缴纳',
              dataIndex: 'reservedFundsOrg',
              hideInSearch: true,
            },
            {
              title: '比例',
              dataIndex: 'reservedFundsOrgRate',
              hideInSearch: true,
            },
          ]
        }
      ]
    },
    {
      title: '补充公积金',
      children: [
        {
          title: '基数',
          dataIndex: 'offerFundsBase',
          hideInSearch: true,
        },
        {
          title: '个人',
          children: [
            {
              title: '缴纳',
              dataIndex: 'offerFundsPerson',
              hideInSearch: true,
            },
            {
              title: '比例',
              dataIndex: 'offerFundsPersonRate',
              hideInSearch: true,
            },
          ]
        },
        {
          title: '公司',
          children: [
            {
              title: '缴纳',
              dataIndex: 'offerFundsOrg',
              hideInSearch: true,
            },
            {
              title: '比例',
              dataIndex: 'offerFundsOrgRate',
              hideInSearch: true,
            },
          ]
        }
      ]
    },
    {
      title: '缴费时间',
      dataIndex: 'operateTime',
      render: (text) => {
        return text!=='-'?moment(text).format('YYYY-MM'):''
      }
    },
    {
      title: '合计',
      children: [
        {
          title: '个人',
          dataIndex: 'personCostTotal',
          hideInSearch: true,
        },
        {
          title: '公司',
          dataIndex: 'orgCostTotal',
          hideInSearch: true,
        },
      ]
    },
  ];
  const awardColumns = [
    {
      title: '流水号',
      dataIndex: 'serialNum',
      key: 'serialNum',
      hideInSearch: true
    },
    {
      title: '申请人',
      dataIndex: 'applicantName',
      key: 'applicantName',
    },
    {
      title: '申请人工号',
      dataIndex: 'usercode',
      key: 'usercode',
    },
    {
      title: '分配金额',
      dataIndex: 'distributionAmount',
      hideInSearch: true,
      render: (text) => {
        return formatNumber(text)
      },
    },
    {
      title: '奖罚名称',
      dataIndex: 'awardName',
    },
    {
      title: '奖罚种类',
      dataIndex: 'type',
      hideInSearch: true,
      render: (text) => {
        const res = reanpu.find((item) => item.id === parseInt(text));
        return res ? res.name : text;
      }
    },
    {
      title: '开始日期',
      hideInTable: true,
      dataIndex: 'startTime',
      valueType: 'date',
    },
    {
      title: '结束日期',
      hideInTable: true,
      dataIndex: 'endTime',
      valueType: 'date',
    },
    {
      title: '申请日期',
      dataIndex: 'createTime',
      hideInSearch: true,
      render: (text) => {
        return text != '-' ? moment(text).format('YYYY-MM-DD') : '';
      },
    },
    {
      title: '审批状态',
      dataIndex: 'approvalStatus',
      key: 'approvalStatus',
      hideInSearch: true,
      valueEnum: BPMStatusEnum
    },
  ];
  const salaryColumns = [
    {
      title: '工号',
      dataIndex: 'code',
    },
    {
      title: '申请日期',
      dataIndex: 'applyTime',
      hideInSearch: true,
      render: (text) => {
        return text!=='-' ? moment(text).format('YYYY-MM-DD') : ''
      }
    },
    {
      title: '变动类型',
      dataIndex: 'type',
      hideInSearch: true,
      valueEnum: {
        0: { text: salaryAdjustmentTypeList[0].label},
        1: { text: salaryAdjustmentTypeList[1].label},
        2: { text: salaryAdjustmentTypeList[2].label},
        3: { text: salaryAdjustmentTypeList[3].label},
        4: { text: salaryAdjustmentTypeList[4].label},
        5: { text: salaryAdjustmentTypeList[5].label},
        6: { text: salaryAdjustmentTypeList[6].label},
        7: { text: salaryAdjustmentTypeList[7].label},
      },
    },
    {
      title: '公司',
      dataIndex: 'orgname',
      hideInSearch: true,
      render: (text,record) =>(text!=='-' ? text : record.newOrgName)
    },
    {
      title: '所属部门',
      dataIndex: 'unitname',
      hideInSearch: true,
      render: (text,record) =>(text!=='-' ? text : record.newUnitName)
    },
    {
      title: '任职岗位',
      dataIndex: 'jobname',
      hideInSearch: true,
      render: (text,record) =>(text!=='-' ? text : record.newJobName)
    },
    {
      title: '职级',
      dataIndex: 'jobLevelId',
      hideInSearch: true,
      render: (text,record) => {
        return text !== '-' ?
          jobLevel.find(item => text ===item.id)?.name :
          jobLevel.find(item => record.newJobLevelId ===item.id)?.name
      }
    },
    {
      title: '现月薪标准',
      dataIndex: 'standardMonthlySalary',
      hideInSearch: true,
    },
    {
      title: '现基本工资基数',
      dataIndex: 'baseSalary',
      hideInSearch: true,
    },
    {
      title: '现模块工资基数',
      dataIndex: 'moduleSalaryBase',
      hideInSearch: true,
    },
  ];

  return (
    <>
      <GridContent>
        <Card title="薪酬福利" style={{ marginBottom: 24 }} bordered={false}>
          <Descriptions>
            <Descriptions.Item label="定薪标准"><strong>{salaryInfo.total ? numeral(salaryInfo.total).format('0.00') : '暂无'}</strong></Descriptions.Item>
            <Descriptions.Item label="基本工资基数"><strong>{salaryInfo.bsalaryBase ? numeral(salaryInfo.bsalaryBase).format('0.00') : '暂无'}</strong></Descriptions.Item>
            <Descriptions.Item label="模块工资基数"><strong>{salaryInfo.mkBases ? numeral(salaryInfo.mkBases).format('0.00') : '暂无'}</strong></Descriptions.Item>
          </Descriptions>
          <br/>
          <Descriptions>
            <Descriptions.Item label="基本工资">{salaryInfo.bsalaryBase ? numeral(salaryInfo.bases).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="加班工资">{salaryInfo.jb ? numeral(salaryInfo.jb).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="竞业津贴">{salaryInfo.jy ? numeral(salaryInfo.jy).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="社保津贴">{salaryInfo.sb ? numeral(salaryInfo.sb).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="补充社保津贴">{salaryInfo.bucSbjt ? numeral(salaryInfo.bucSbjt).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="通讯补贴">{salaryInfo.tx ? numeral(salaryInfo.tx).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="交通补贴">{salaryInfo.jiaotongbutie ? numeral(salaryInfo.jiaotongbutie).format('0.00') : '暂无'}</Descriptions.Item>
            <Descriptions.Item label="职称资格补贴">{salaryInfo.zczg ? numeral(salaryInfo.zczg).format('0.00') : '暂无'}</Descriptions.Item>
          </Descriptions>
        </Card>
        <ProTable
          actionRef={actionRef}
          rowKey="month"
          bordered
          params={params}
          style={{marginBottom: 24}}
          request={(params) => getEmployeeSalary(params, info.code)
          //   .then(res => {
          //   // setData(res.data);
          //   // setSumInfo(res.data.sum);
          //   return {data: res.data.list};
          // })
          }
          columns={columns}
          headerTitle="工资记录"
          scroll={{x:'2400px'}}
          // tableExtraRender={(_, data) => (myCharts())}
          />
        <ProTable
          actionRef={actionRef}
          bordered
          params={params}
          rowKey="recordId"
          search={false}
          request={(params) => getPersonSecurityList(params, oid)}
          style={{marginBottom: 24}}
          scroll={{x:'2400px'}}
          columns={securityColumns}
          headerTitle="社保记录"
        />
        <ProTable
          actionRef={actionRef}
          bordered
          params={params}
          rowKey="recordId"
          search={false}
          style={{marginBottom: 24}}
          request={(params) => getPersonFundsList(params, oid)}
          scroll={{x:'1600px'}}
          columns={fundsColumns}
          headerTitle="公积金记录"
        />
        <ProTable
          actionRef={actionRef}
          rowKey="id"
          search={false}
          params={params}
          style={{marginBottom: 24}}
          request={(params) => getAwardInfoList(params, oid)}
          columns={awardColumns}
          headerTitle="奖罚记录"
        />
        <ProTable
          actionRef={actionRef}
          rowKey="id"
          search={false}
          params={params}
          style={{marginBottom: 24}}
          request={(params) => getSalaryChangeList(params, oid)}
          columns={salaryColumns}
          headerTitle="调薪记录"
        />
      </GridContent>
    </>
  );
};
export default Salary;
